<template>
  <div class="common-page">
    <my-editor name="content" :height="300"  toolbar="all" :config="config"  ></my-editor>
    <div v-html="content">
      
    </div>
  </div>
</template>
<style lang="scss" scoped>
</style>
<script>  
export default {
  mixins: [],
  components: {},
  props: {
  },
  data() {
    return {
      content: '',
      config: {
        // plugins: [Table, TableToolbar],
        initialData: '<h2>Initial data</h2><p>Foo bar.</p>',
        // language: {ui: 'en'},
        table: {
          // contentToolbar: ['tableRow', 'tableColumn', 'mergeTableCells']
          tableCellProperties: {
            borderColors: [
              {
                color: 'hsl(0, 0%, 90%)',
                label: 'Light grey'
              }
              // ...
            ],
            backgroundColors: [
              {
                color: 'hsl(120, 75%, 60%)',
                label: 'Green'
              }
              // ...
            ]
          }
        }
      }
    }
  },
  computed: {
  },
  methods: {
  },
  created() {},
  mounted() {}
}
</script>